<div >
	<uib-tabset>
		<uib-tab heading="前端样式">
			<uib-tabset active = 0>
				<uib-tab heading="{{curInstance.elementList[0].name}}"   select="findRules(curInstance.elementList[0])" >
					<rule-point dict="curInstance.elementList[0]" ></rule-point>
				</uib-tab>
				<uib-tab heading="{{curInstance.elementList[1].name}}"   select="findRules(curInstance.elementList[1])">
					<rule-line dict="curInstance.elementList[1]"></rule-line>
				</uib-tab>
				<uib-tab heading="{{curInstance.elementList[2].name}}"   select="findRules(curInstance.elementList[2])">
					<rule-polygon dict="curInstance.elementList[2]"></rule-polygon>
				</uib-tab>
				<uib-tab heading="{{curInstance.elementList[3].name}}"   select="findRules(curInstance.elementList[3])">
					<rule-building dict="curInstance.elementList[3]"></rule-building>
				</uib-tab>
				<uib-tab heading="{{curInstance.elementList[4].name}}"   select="findRules(curInstance.elementList[4])">
					<rule-arrow dict="curInstance.elementList[4]"></rule-arrow>
				</uib-tab>
				<uib-tab heading="{{curInstance.elementList[5].name}}"   select="findRules(curInstance.elementList[5])">
					<rule-road-sign dict="curInstance.elementList[5]"></rule-road-sign>
				</uib-tab>
				<!--<li class="pull-right mt7">
					<input type="checkbox" id="ace{{$index}}" class="checkbox-8-2" type="checkbox" ng-model="curInstance.curElement.showAll"
						   ng-true-value=true ng-false-value=false />
					<label  for="ace{{$index}}" uib-tooltip="{{curInstance.curElement.showAll==true?'全显示':'影藏空样式'}}"  id="lab{{$index}}"></label>
				</li>-->
				<!--ng-change="toggleShow(curInstance.curElement,'#lab'+$index)"-->
			</uib-tabset>
		</uib-tab>
		<uib-tab heading="样式函数">
			<uib-tabset active=0>
				<uib-tab  heading="{{type.name}}" ng-repeat="type in curInstance.dictTypeList" index="$index" select="findDicts(type)">
					<ng-include src="'view/instance/dict_tmpl.html'"></ng-include>
				</uib-tab>
				<uib-tab  heading="图标"  select="initImage()" index="9">
					<div class="row" ng-controller="instanceIconCtrl">
						<h5 class="col-xs-12">&nbsp;<button class="pull-right btn btn-info" ng-click="refreshInstanceIcon(curInstance.id)">刷新图标</button></h5>
						<div class="col-xs-6" ng-repeat="curType in iconTypes">
							<div class="panel panel-default "  >
								<div class="panel-heading text-center" >
							<!--	<span role="button" class="btn-link pull-left" style="margin-right: 5px;" ng-click="checkAll(curType.pageModel.data)">
								<i class="glyphicon" ng-class="{'glyphicon-check':allChecked(curType.pageModel.data),'glyphicon-unchecked':!allChecked(curType.pageModel.data)}"></i>全选</span>
									<span role="button" class="btn-link pull-left" ng-click="unCheckAll(curType.pageModel.data)" ng-show="hasChecked(curType.pageModel.data)">
								<i class="glyphicon glyphicon-ban-circle" ></i>取消选中</span>-->
									图标类型：{{curType.name}}
									<!--<button class="btn btn-info pull-right" ng-disabled="!hasChecked(curType.pageModel.data)" ng-click="shiftType(curType)">变更类型</button>-->
								</div>
								<div class="panel-body" id="iconScroll">
									<p ng-if="curType.pageModel.data.length == 0" class="text-center">暂无图标</td></p>
									<div class="clearfix">
										<div class="photoWraper"  ng-repeat="ic in curType.pageModel.data">
											<div ng-click="showPhoto(ic.path)">
												<img onerror="javascript:this.src='images/detail.png';"
													 ng-src="{{processImgUrl(ic.path,'min')}}" > <!--//-->
											</div>
											<!--<label role="button" ng-style="{'background-color':ic.checked?'#5bc0de':'dark'}" style="word-break: break-all;" ng-click="checkOne(ic,curType.pageModel)">
												<i  ng-class="{'glyphicon-check':ic.checked,'glyphicon-unchecked':!ic.checked}" class="glyphicon"></i>
												{{ic.fileName}}</label>-->
											<label style="word-break: break-all;" ng-class="{'text-danger':!ic.path}">{{ic.fileName}}</label>
										</div>
									</div>
									<div class="clearfix" >
										<page find="$index ==0?findImage:findSprite" page-model="curType.pageModel"></page>
									</div>
								</div>
							</div>
						</div>
					</div>
				</uib-tab>

			</uib-tabset>
		</uib-tab>
		<uib-tab heading="样式分类">
			<ng-include src="'view/instance/instance.styleType.html'"></ng-include>
		</uib-tab>
		<li class="pull-right">
			<button class="btn btn-warning pull-right" ng-click="search.curInstance = null" >返回</button>
		</li>
	</uib-tabset>
</div>

